<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Script-based tagging addon</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <script src="../libs/jquery/jquery.js"></script>
    <script src="../dist/jquery.lazyloadxt.extra.js"></script>
    <script src="../dist/jquery.lazyloadxt.script.js"></script>
</head>
<body>
<div class="container">
    <div class="page-header">
        <h1>Script-based tagging addon</h1>
        <p class="lead">Tagging lazy elements with &lt;script&gt; tag.</p>
    </div>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/1" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/2" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/3" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/4" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/5" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/6" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/7" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/8" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/9" width="300" height="200"></p>
    <p><script>L()</script><img data-src="http://lorempixel.com/300/200/sports/10" width="300" height="200"></p>
    <p>
        <script>Lb('iframe')</script>
        <iframe width="300" height="225" data-src="http://www.youtube.com/embed/fPmruHc4S9Q?rel=0"
               frameborder="0" allowfullscreen></iframe>
        <script>Le()</script>
    </p>
    <p>
        <script>Lb()</script>
        <video width="320" height="240"
              data-poster="https://archive.org/download/GoldRushDaze/GoldRushDaze.thumbs/goldrushdaze_000030.jpg" controls>
            <source data-src="https://archive.org/download/GoldRushDaze/goldrushdaze_512kb.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
            <source data-src="https://archive.org/download/GoldRushDaze/goldrushdaze.ogv" type='video/ogg; codecs="theora, vorbis"'>
        </video>
        <script>Le()</script>
    </p>
</div>
</body>
</html>